/*
  路由权限验证通用组件
*/
import React from 'react';
import { Route, Redirect } from 'react-router-dom';

// export default function AuthCheck(props) {
//   // console.log(props)
//   let {path, component: Component} = props;
//   // let Component = props.component;
//   // return <Component/>
//   let token = sessionStorage.getItem('mytoken');
//   return (
//     <Route path={path} render={()=>{
//       // 这里可以返回原始组件component对应的内容
//       return token?<Component/>: <Redirect to='/login'/>;
//     }}/>
//   );
// }

class AuthCheck extends React.Component {
  render() {
    let { path, component: Component } = this.props;
    // 这里可以进行权限过滤:判断用户是否已经登录成功
    let token = sessionStorage.getItem('mytoken');
    let comInfo = null;
    if(token) {
      // 登录成功：正常显示相应组件
      comInfo = <Component/>;
    } else {
      // 没有登录：跳转到登录页面
      comInfo = <Redirect to='/login'/>
    }
    return (
      <Route path={path} render={ () => { return comInfo } }/>
    );
  }
}

export default AuthCheck;